main {
    background-color: rgba(255, 255, 255, 1);

    video {
        width: 100%;
        height: 100%;
    }

    .changePage {
        bottom: 20px;
        left: 20px;
        z-index: 10;

        span {
            font-size: 40px;
        }
    }
}

footer {
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;

    .iconfont {
        font-size: 40px;
    }
}

#progess {
    width: 100%;
    background-color: rgba(66, 148, 255, 0.8);
    height: 90px;
    left: 0;
    top: 0;
    z-index: -1;
}
// 蒙版
.mask{
    width: 100%;
    height: 100%;
    background-color: rgba(66, 148, 255, 0.8);
    display: none;
    div{
         justify-content: center; 
         width: 114px;
        height: 114px;
        line-height: 20px;
        border-radius: 114px;
        background-color: rgba(255, 255, 255, 1);
        color:#fff ;
        text-align: center;
      align-self: center;
      .iconfont{
          font-size: 30px;
      }
    }
    #conTrain{background: #79f0c2;}
    #endBtn{background-color: #ff6060;}
}